<template>
  <div class="test">
    <h2>{{ title }}</h2>
    <ul class="fa">
      <slot></slot>
    </ul>
  </div>
</template>

<script type="text/javascript">

export default {
  name: "test-ee",
  props: {
    title: String,
  },
}
</script>

<style lang="scss" scoped>
.test {
  margin: 10px;

  & > h2 {
    text-align: center;
    padding: 10px 0;
  }

  ::v-deep .fa > * {
    margin-bottom: 1em;
  }
}
</style>